<template>
	<view class="emptys" :style="{height:styleObj.height,justifyContent:styleObj.justifyContent}">
		<slot name="icon">
			<image src="../../static/image/empty.png"></image>
		</slot>
		<view class="tips">{{title}}</view>
	</view>
</template>

<script>
	export default{
		props:{
			title:{
				type:String,
				default:'暂无数据'
			},
			styleObj:{
				type:Object,
				default:()=>{
					return {
						'height':'auto',
						'justifyContent':''
					}
				}
			}
		}
	}
</script>

<style scoped lang="scss">
.emptys{
	display:flex;
	flex-direction: column;
	align-items: center;
	image{
		width: 362upx;
		height: 212upx;
	}
	.tips{
		font-size: 26upx;
		color: #9E9E9E;
		font-weight: 500;
		margin-top: 24upx;
	}
}
</style>
